<template>
	<div class="toBeMarketed">
		<!-- 客户信息采集 -->
    <div class="information">
      <div class="left">
        <a-button type="primary">客户信息采集</a-button>
      </div>
      <div class="right">
        <span>客户标识</span>&nbsp;
				<a-select style="width: 120px"></a-select>
        <a-button type="primary" class="margin">提交</a-button>
        <a-button type="primary" class="margin">保存</a-button>
        <a-button class="margin">返回</a-button>
      </div>
    </div>
		<div class="toBeMarketed-body">
			<a-tabs default-active-key="1" class="toBeMarketed-tabs">
				<a-tab-pane key="1" tab="企业详情">
					<Details />
				</a-tab-pane>
				<a-tab-pane key="2" tab="异常监控" force-render>
					<transaction-monitoring />
				</a-tab-pane>
			</a-tabs>
			<div class="ant-pos">
				<span>
					客户类型
					<a-select style="width: 120px" class="margin"></a-select>
				</span>
				<span>
					模板
					<a-select style="width: 120px" class="margin"></a-select>
				</span>
				<a-button type="primary" class="margin">切换</a-button>
			</div>
		</div>
	</div>
</template>

<script>
	import Details from './Details'
	import TransactionMonitoring from './transactionMonitoring'

	export default {
		name: 'toBeMarketed',
		components: {
			Details,
			TransactionMonitoring
		},
		data () {
			return {}
		},
		watch: {},
		computed: {},
		methods: {},
		mounted () {},
		created () {}
	}
</script>

<style scoped lang="less">
	.toBeMarketed {
		height: 100%;
		padding: 0 20px;
		.information {
			height: 120px;
			line-height: 120px;
			display: flex;
			.left {
				flex: 1;
				font-size: @font26;
			}
			.right {
				flex: 2;
				text-align: right;
				font-size: @font26;
				.ant-btn {
					margin-left: 10px;
				}
			}
		}
		.toBeMarketed-body {
			height: 100%;
			position: relative;
			.toBeMarketed-tabs {
				height: calc(~"100% - 120px");
				.ant-tabs-content {
					height: calc(~"100% - 104px");
					overflow: auto;
				}
			}
			.ant-pos {
				position: absolute;
				top: 0;
				right: 0.2rem;
				line-height: 44px;
				span {
					margin-right: 20px;
				}
			}
		}
	}
</style>
